<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
</head>
<body>

    <div style="
        height:500px;      /*高度*/
        width:50%;        /*宽度*/
        text-align:center;  /*文字水平横向居中*/
        vertical-align:middle;   /*基本不用，单独直接用没有效果*/
        line-height: 500px;    /*根据高度设置垂直居中*/
        font-size:58px;       /*文字大小*/
        font-weight:bold;   /*文字加粗*/  /*border是边框，2像素，加粗，红色*/
        border: 2px solid red" >
        边框
    </div>
</body>
</html>